<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="df fdc">
    <!-- 中间内容 -->
    <div class="main">
        <!-- 用户名 -->
        <div class="user">
            <a href="../user-detail.html">
                <!-- 头像区域 -->
                <div class="user_name df ">
                    <div class="user_name_box1 df">
                        <!-- 头像 -->
                        <div class="user_name_box1_gb avatar" id="avatar">
                            <!-- vip -->
                            <div class="user_name_box1_vip iconfont icon-vip"></div>
                        </div>
                        <!-- 字体 -->
                        <p class="user_name_p">用户名</p>
                    </div>
                    <div class="user_name_box2 ">
                        <p class="user_name_box2_p iconfont icon-xiangyou1"></p>
                    </div>
                </div>

                <p class="user_name_tex">个性签名：你值得被好好珍惜，加油XXXXX</p>
            </a>
        </div>
        <!-- 个人动态 -->
        <div class="Dynamic df jcc">
            <div class="Dynamic_box df aic jcsb">
                <div class="boxlt df">
                    <span class="iconfont icon-tiaojiepeizhi"></span>
                    <p>个人动态</p>
                </div>
                <div class="boxrt df aic">
                    <span class="ten">10条</span>
                    <span class="iconfont icon-xiangyou1 Dynamic_box_span"></span>
                </div>
            </div>
        </div>
        <!-- 运动 -->
        <div class="sports">
            <!-- 第一行 -->
            <div class="one">
                <!-- 标题 -->
                <div class="title df jcsb">
                    <!-- 左盒子 -->
                    <div class="titlelt df">
                        <span class="iconfont icon-tubiao-zhuzhuangtu"></span>
                        <p>运动与数据</p>
                    </div>
                    <!-- 右盒子 -->
                    <div class="titlert">
                        <span class="iconfont icon-xiangyou1"></span>
                    </div>
                </div>
            </div>
            <!-- 第二行 -->
            <div class="two df">
                <!-- 左盒子 -->
                <div class="twolt df fdc">
                    <p>总运动</p>
                    <div>
                        <span class="time1">12143</span>
                        <span class="time2">分钟</span>
                    </div>
                </div>
                <div class="xuxian"></div>
                <!-- 右盒子 -->
                <div class="twolt df fdc">
                    <p>本周消耗</p>
                    <div>
                        <span class="time1">12143</span>
                        <span class="time2">千卡</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- badge徽章 -->
        <div class="badge ">
            <!-- 第一行 -->
            <div class="one">
                <!-- 标题 -->
                <div class="title df jcsb">
                    <!-- 左盒子 -->
                    <div class="titlelt df">
                        <span class="iconfont icon-sharpicons_badge-"></span>
                        <p>我的运动徽章</p>
                    </div>
                    <!-- 右盒子 -->
                    <div class="titlert">
                        <span class="iconfont icon-xiangyou1"></span>
                    </div>
                </div>
            </div>

        </div>
        <!-- 退出登录 -->
        <div class="reg">
            <p>退出登录</p>
        </div>
    </div>
</body>

</html>